<!DOCTYPE html>
<html lang="en">
<head>
[#include "/customer/include/static.htm"]
    <link href="${path}/resources/css/user.css?v=2" rel="stylesheet" type="text/css"/>
    <link href="${path}/resources/plug/layui/css/layui.css" rel="stylesheet" type="text/css"/>
    <style type="text/css">
        option {
            font-size: 14px;
            line-height: 20px;
        }
    </style>

[#import "/customer/include/pagination.ftl" as p/]
</head>
<body>
<!--头部-->
[#include "/customer/include/header.ftl"]


<div class="member">
    <!--左边-->
[#include "/customer/include/member_left_menu.ftl"]
    <!--左边 end-->
    <div class="memberRight">
        <div class="member_tab">
            <div class="member_tab">
                <a href="${path}/member/deal/duein" [#if !billStatus??] class="on" [/#if]>我的理财账单</a>
                <a href="${path}/member/deal/duein?billStatus=0" [#if billStatus==0] class="on" [/#if]>未收款</a>
                <a href="${path}/member/deal/duein?billStatus=1" [#if billStatus==1] class="on" [/#if]>已收款</a>
            </div>
        </div>
        <div class="member_tab_info">
            <table class="layui-table">
                    <col width="100">

                    <col width="100">
                    <col width="100">
                    <col width="100">

                    <col width="100">
                    <col width="100">

                <thead>
                <tr >
                    <th>标题</th>


                    <th>本期应收款本金</th>
                    <th>本期应收款利息</th>
                    <th>到期收款时间</th>
                    <th>实际收款时间</th>

                </tr>
                </thead>
                <tbody>
                [#if collections?? && collections?size > 0]
                    [#list collections as collection]
                    <tr>
                        <td>${collection.b_name }-第 ${collection.duein_periods}/${collection.b_repayment_periods}期</td>


                        <td>
                            ￥${collection.duein_capital }
                        </td>
                        <td>
                            ￥${collection.duein_interest }
                        </td>

                        <td> ${p2p_date_format(collection.duein_time,"yyyy-MM-dd HH:mm:ss")}</td>
                        <td>
                             ${p2p_date_format(collection.duein_yestime,"yyyy-MM-dd HH:mm:ss")}
                        </td>

                    </tr>
                    [/#list]
                [#else]
                <tr>
                    <td style="background: #fff" id="tbody" colspan="9">
                        <div class="nodataimg"></div>
                    </td>
                </tr>
                [/#if]
                </tbody>
            </table>
        [@p.pager pager = page  parameterMap={"billStatus":"${billStatus }"} url = "${path}/member/deal/duein" /]
        </div>
    </div>
</div>
<script type="text/javascript" src="${path}/resources/plug/layui/layui.js"></script>

[#include "/customer/include/footer.ftl"]
</body>
</html>